//引入当前文件对应的less文件
require("../less/register.less");
const CaptchaMini = require("../lib/captcha-mini.js")
document.ready(function () {

    // 获取元素
    const inputs = document.querySelectorAll(".inputs");//输入框
    const authCode = document.querySelector(".auth-code");//验证码
    const hint = document.querySelector(".hint");//提示
    const login = document.querySelector(".login");//切换到登录

    function authCodes() {
        let arrYz = "";
        for (let i = 0; i < 4; i++) {// 生成随机验证数字
            arrYz += Math.floor(Math.random() * (9 - 0 + 1) + 0)
        }
        authCode.textContent = arrYz;

        //    添加点击事件
        inputs[4].addEventListener("click", function () {
            // 非空验证
            for (let i = 0; i < inputs.length - 1; i++) {
                if (inputs[i].value == "") {
                    hint.textContent = `请输入完整的注册信息`;
                    return
                } else { hint.textContent = ``; }
            }
            if (hint.textContent == "") {
                // 验证手机号
                let sjhyz = /^1[3-9]\d{9}$/;
                inputs[0].value
                if (!sjhyz.test(inputs[0].value)) {
                    hint.textContent = `请输入正确的手机号`;
                } else {//如果手机号正常就验证密码
                    hint.textContent = ``;
                    let passw = /^[a-zA-Z]\w{5,17}$/
                    if (!passw.test(inputs[2].value)) {
                        hint.textContent = `密码格式错误`;
                    } else {//如果密码格式正常，就验证第二次输入的是否正确
                        if (!inputs[2].value == inputs[2].value) {
                            hint.textContent = `两次输入的密码不同`;
                        } else {//如果全部正确，验证验证码是否正确

                            if (!authCode.textContent == arrYz) {
                                hint.textContent = `验证码错误`;
                            } else {
                                hint.textContent = ``;
                                // 发起注册的请求
                                axios.post("http://139.9.177.51:3701/api/user/register", {
                                    "account":inputs[0].value,
                                    "password":inputs[2].value
                                }).then((res) => {
                                    let reData = res.data;
                                    if (reData.errno === 0) {//注册成功 
                                        alert("注册成功");
                                        //跳转到登录页
                                        window.location.href = "./loginID.html";
                                    } else if (reData.errno === 10002) { //注册失败
                                        alert("注册失败，系统正在维中...");
                                    }
                                })
                                .catch((err) => {
                                    console.log(err);
                                })




                            }

                        }
                    }

                }
            }



        })



    }
    authCodes()//调用，生成验证码
    //  添加点击事件
    login.addEventListener("click", function () {
        location.href = "loginID.html"//切换到登录
    })
})